* {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #323232;
    text-decoration: none;
    font-family: PingFangSC-Medium;
  }
  .clear {
    height: 0px;
    line-height: 0px;
    clear: both;
  }
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  * + html .clearfix {
    overflow: hidden;
  }
  * html .clearfix {
    height: 1%;
  }
  img,
  input,
  select {
    vertical-align: top;
  }
  .extension{
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      position: absolute;
      top: 0;
      bottom: 0;
      .extension-header{
        width: 100%;
        height: 40px;
        background: #FF6816;
        text-align: center;
        position: relative;
        line-height: 40px;
        h3{
            color: #FFFFFF;
            font-size: 16px;
            font-weight: normal;
        }
        span{
            position: absolute;
            left: 15px;
            i{
                color: #fff;
                font-size: 16px;
            }
        }
      }
      .extension-section{
          flex: 1;
          .banner{
              width: 100%;
              height: auto;
              img{
                  width: 100%;
              }
          }
          .introduce{
              width: 100%;
              height: auto;
              padding: 0 16px;
              box-sizing: border-box;
              table-layout:fixed;
              h6{
                  text-align: center;
                  height: 52px;
                  line-height: 52px;
                  color: #333333;
                  font-size: 16px;
                  font-weight: 300px;
              }
              .introduce-table{
                  border: 1px solid #B3B3B3;
                  border-collapse:collapse;
                  width: 100%;
                  tr{
                    border: 1px solid #B3B3B3;
                  }
                  td{
                    border: 1px solid #B3B3B3;

                  }
                  th{
                    border: 1px solid #B3B3B3;
                  }
              }
              table tr th{font-size: 14px; color: #333; font-weight: normal; padding: 18px 0;}
              table tr{font-size: 12px; line-height: 19px; text-align: center;}
              table tr td:first-child,table tr td:first-child{width:15%; text-align: center; }
              table tr td:nth-child(2),table tr td:nth-child(2){width:50%; padding: 20px 10px; box-sizing: border-box; line-height: 22px; background: pink;}
              table tr td:nth-child(3),table tr td:nth-child(2){width:15%;}
              table tr td:last-child,table tr td:last-child{
                  width:20%;
                  ul{
                      li{
                          line-height: 25px;
                      }
                  }
            }  
          }
          .extension-tel{
            width: 100%;
            height: 60px;
            border-bottom: 2px solid #f0f0ef;
            li{
                float: left;
            }
            li:first-child{
                width: 56px;
                height: 36px;
                line-height: 60px; 
                padding-left: 20px;
                box-sizing: border-box;
                img{
                    width: 100%;
                    vertical-align: middle;
                } 
            }
            li:last-child{
                line-height: 60px;
                padding-left: 10px;
                box-sizing: border-box;
                a:{
                    color: #FF6816;
                    font-size: 20px;
                }
            }
        }
      }
  }
.sale{
    width: 100%;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    .sale-header{
        width: 100%;
        height: 40px;
        background: #FF6816;
        text-align: center;
        line-height: 40px;
        h3{
            color: #FFFFFF;
            font-size: 16px;
            font-weight: normal;
        }
        span{
            position: absolute;
            left: 15px;
            i{
                color: #fff;
                font-size: 16px;
            }
        }
    }
    .sale-section{
        flex: 1;
        width: 100%;
        .sale-text{
            width: 100%;
            padding: 17px;
            box-sizing: border-box;
            p{
                width: 100%;
                font-size: 12px;
                line-height: 20px;
                color: #333;
            }
        }
    }
}